<html>
    <head>
        <link type="text/css" href="css/home.css" rel="stylesheet" />
        <link type="text/css" href="css/menu.css" rel="stylesheet">
        <link type="text/css" href="css/category.css" rel="stylesheet">
        <link type="text/css" href="css/search.css" rel="stylesheet">
        <link type="text/css" href="css/deal.css" rel="stylesheet">
        <link type="text/css" href="css/profile.css" rel="stylesheet">
        <script type="text/javascript" src="js/jquery142min.js"></script>
        <script type="text/javascript" src="js/home.js"></script>
        <script type="text/javascript" src="js/jsor-jcarousel-7bb2e0a/lib/jquery.jcarousel.min.js"></script>
        <link rel="stylesheet" type ="text/css" href='js/jsor-jcarousel-7bb2e0a/skins/tango/skin.css' />
        <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('#mycarousel').jcarousel({
                // Configuration goes here
                wrap: 'circular'
            });
        });
        </script>
    </head>
    <body>
        <div>
        <!-- Header starts -->
        <div id="header">
            <div id="logo" style="z-index:10">
                <img src="images/logo.png">
                <p style="font:Hero;font-size:60;margin:0px;">

                </p>
            </div>

            <div class="search-area">
                <form class="form-wrapper cf" action="" method="post" accept-charset="utf-8" autocomplete="off">
                    <input type="text" placeholder="Search here..." required onkeyup="getStates(thisValue)" autofocus="autofocus" name="query" value="" spellcheck="false">
                    <button type="submit">Search</button>
                </form>
            </div>
        </div>
        <!-- Header ends -->

        <div></div>

        <div style="clear:both"></div>
        <!-- Toolbar starts -->
        <div id='cssmenu'>
            <ul>
                <li class='active '><a href='index.html'><span>Home</span></a></li>
                <li class='has-sub '><a href='#'><span>Products</span></a>
                    <ul>
                       <li><a href='#'><span>Product 1</span></a></li>
                       <li><a href='#'><span>Product 2</span></a></li>
                    </ul>
                </li>
                <li><a href='#'><span>About</span></a></li>
                <li><a href='#'><span>Contact</span></a></li>
                <li class="blank"><a href=''><span></span></a></li>
                <li class="blank"><a href=''><span></span></a></li>
                <li class="blank"><a href=''><span></span></a></li>
                <li class="blank"><a href=''><span></span></a></li>
                <li class="blank"><a href=''><span></span></a></li>
                <li><a href='index.html'><span>CART</span></a></li>
                <li><a href='index.html'><span>LOG IN</span></a></li>
                <li><a href='index.html'><span>SIGN UP</span></a></li>
            </ul>
        </div>
        <!-- Toolbar ends -->
        </div>
        <div id="catmain">
            <div class="span12">
                <a href="/account/profile" style="float:right" class="internal-home btn">Edit Profile</a>
                <img src="" alt="" class="profile-photo">
                <div class="profile-top">
                    <h1 class="profile-name">Minh Pham</h1>
                    <span class="profile-tagline">
                        <img src="https://dt5zaw6a98blc.cloudfront.net/site-static/images/icons/male.png">
                        <span>21 year old male</span>
                    </span>
                </div>

                <div class="profile-section">
                    <h3>SELLING ITEMS <span>(10)</span></h3>
                    <div class="drow profile-drow">
                        <div class="dleft profile-dleft">
                            <img src="" alt="" class="deal-picture profile-deal-picture">
                        </div>
                        <div class="dmid profile-dmid">
                            <a href="" class="dtitle">Apple iPad 3 16G Wifi</a>
                            <p>Price: $638<p/>
                            <p class="ddescription">Bought this last month, still in good shape.<p/>
                        </div>
                        <div class="dright profile-dright">
                            <div class="btn">View Details</div>
                        </div>
                    </div>
                    <div class="drow profile-drow">
                        <div class="dleft profile-dleft">
                            <img src="" alt="" class="deal-picture profile-deal-picture">
                        </div>
                        <div class="dmid profile-dmid">
                            <a href="" class="dtitle">Apple iPad 3 16G Wifi</a>
                            <p>Price: $638<p/>
                            <p class="ddescription">Bought this last month, still in good shape.<p/>
                        </div>
                        <div class="dright profile-dright">
                            <div class="btn">View Details</div>
                        </div>
                    </div>
                    <div class="drow profile-drow">
                        <div class="dleft profile-dleft">
                            <img src="" alt="" class="deal-picture profile-deal-picture">
                        </div>
                        <div class="dmid profile-dmid">
                            <a href="" class="dtitle">Apple iPad 3 16G Wifi</a>
                            <p>Price: $638<p/>
                            <p class="ddescription">Bought this last month, still in good shape.<p/>
                        </div>
                        <div class="dright profile-dright">
                            <div class="btn">View Details</div>
                        </div>
                    </div>
                    <div class="drow profile-drow">
                        <div class="dleft profile-dleft">
                            <img src="" alt="" class="deal-picture profile-deal-picture">
                        </div>
                        <div class="dmid profile-dmid">
                            <a href="" class="dtitle">Apple iPad 3 16G Wifi</a>
                            <p>Price: $638<p/>
                            <p class="ddescription">Bought this last month, still in good shape.<p/>
                        </div>
                        <div class="dright profile-dright">
                            <div class="btn">View Details</div>
                        </div>
                    </div>
                </div>

                <!-- Recommendation -->
                <div class="profile-section">
                    <h3>RECOMMENDATION</span></h3>
                    <div class="recommendation-listing">
                        <a href="/product/12345">
                            <div class="recommendation-listing-box">
                                <img src="" alt="" class="recommendation-product-picture">
                                <div class="recommendation-description">
                                    <h3>Nexus 7 16GB 3G/Wifi</h3>
                                    <h4>By: Google Inc</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="recommendation-listing">
                        <a href="/product/12345">
                            <div class="recommendation-listing-box">
                                <img src="" alt="" class="recommendation-product-picture">
                                <div class="recommendation-description">
                                    <h3>Nexus 7 16GB 3G/Wifi</h3>
                                    <h4>By: Google Inc</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="recommendation-listing">
                        <a href="/product/12345">
                            <div class="recommendation-listing-box">
                                <img src="" alt="" class="recommendation-product-picture">
                                <div class="recommendation-description">
                                    <h3>Nexus 7 16GB 3G/Wifi</h3>
                                    <h4>By: Google Inc</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="recommendation-listing">
                        <a href="/product/12345">
                            <div class="recommendation-listing-box">
                                <img src="" alt="" class="recommendation-product-picture">
                                <div class="recommendation-description">
                                    <h3>Nexus 7 16GB 3G/Wifi</h3>
                                    <h4>By: Google Inc</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div id="coursera-footer">
            <div class="span9" style="padding-top: 8px; height: 32px; vertical-align: middle;">
                <a class="internal-home coursera-footer-link" href="/courses">Courses</a>
                <a class="internal-home coursera-footer-link"
                href="/about">About</a>
                <a class="internal-home coursera-footer-link" href="/about/terms">Terms</a>
                <a class="internal-home coursera-footer-link" href="/about/jobs">Jobs</a>
                <a class="internal-home coursera-footer-link" href="/about/contact">Contact</a>
                <a class="internal-home coursera-footer-link" href="/about/press">Press</a>
                <a class="coursera-footer-link" href="http://help.coursera.org">Help</a>
            </div>

            <div class="span3">
                <a class="coursera-footer-social sp-googleplus" href="https://plus.google.com/111950594039269281469" target="tab3" title="Follow Coursera on Google Plus"></a>
                <a class="coursera-footer-social sp-twitter" href="http://twitter.com/coursera" target="tab1" title="Follow Coursera on Twitter"></a>
                <a class="coursera-footer-social sp-facebook" href="http://facebook.com/Coursera" target="tab2" title="Follow Coursera on Facebook"></a>
                <a class="coursera-footer-social sp-blog" href="http://blog.coursera.org"target="tab4" title="Read the Coursera blog"></a>
            </div>
        </div>
    </body>
</html>